// 购物车接口
// 刷新购物车
getCartData( callback);
function callback(data){
    console.log(data);
    // console.log(data.length);
    let Pic=0;
    let str="";
    
    for(let i=0;i<data.length;i++){
        Pic+=(data[i].pprice*data[i].pnum);
        str+= `
        <div class="Pmoban" data-id="${data[i].pid}">
                    <input type="checkbox" class="checkbox">
                    <img src="${data[i].pimg}" alt="">
                    <div class="particulars">${data[i].pname}</div>
                    <div class="particulars2">${data[i].pname}</div>
                    <div class="price">￥<span>${data[i].pprice}</span></div>
                    <div class="quantity">
                        <button class="jian">-</button>
                        <input type="text" class="Quantity" value="${data[i].pnum}">
                        <button class="jia">+</button>
                    </div>

                    <div class="Price">￥<span>${(data[i].pprice*data[i].pnum).toFixed(2)}</span></div>
                    <button class="delete" data-id="${data[i].pid}">删除</button>
                </div>
        `;
        
    }
    $(".Pmoban-box").html(str);
    Num()
    picHE();
    Yixuan($(".checkbox:checked").length)


// 点击全选单选变换
    $(".checkboxAll").click(function(){
        if($(".checkboxAll").prop("checked")){
            $(".checkbox").prop("checked",true);
            $(".checkboxALL").prop("checked",true);
            Yixuan($(".checkbox:checked").length)
            
        }else{
            $(".checkbox").prop("checked",false);
            $(".checkboxALL").prop("checked",false);
            Yixuan($(".checkbox:checked").length)

        }
        picHE();
    })
    // 全选 
    $(".checkboxALL").click(function(){
        if($(".checkboxALL").prop("checked")){
            $(".checkbox").prop("checked",true);
            $(".checkboxAll").prop("checked",true);
            Yixuan($(".checkbox:checked").length)

            
        }else{
            $(".checkbox").prop("checked",false);
            $(".checkboxAll").prop("checked",false);
            Yixuan($(".checkbox:checked").length)

        }
        picHE();
    })
   


//    判断单选是否全选 
   $(".checkbox").click(function(){
    // console.log(  $(this).prop("checked"));  
    if($(".checkbox:checked").length==$(".checkbox").length){
        $(".checkboxALL").prop("checked",true);
        $(".checkboxAll").prop("checked",true);
        Yixuan($(".checkbox:checked").length)

    }else{
        $(".checkboxALL").prop("checked",false);
        $(".checkboxAll").prop("checked",false);
        Yixuan($(".checkbox:checked").length)

    }
    picHE();
   })

//    减
   $(".jian").click(function(){
    let pid=$(this).parent().parent().attr("data-id");
       
        if($(this).parent().children(".Quantity").val()<=1){
            $(this).parent().children(".Quantity").val(1)
        }else{
        $(this).parent().children(".Quantity").val($(this).parent().children(".Quantity").val()-1)
        Pricec($(this).parent().parent())
        picHE()  
    }
    updataCart(pid, $(this).parent().children(".Quantity").val());
   })

//    输入判断
$('.Quantity').focusout(function(){  
    let pid=$(this).parent().parent().attr("data-id");
    if($(this).val()<1||($(this).val()-1)+""=='NaN'){
        $(this).val(1) 
}
    updataCart(pid, $(this).val());
})


   //   加
   $(".jia").click(function(){
     let pid=$(this).parent().parent().attr("data-id");
     $(this).parent().children(".Quantity").val($(this).parent().children(".Quantity").val()-0+1)
     Pricec($(this).parent().parent())
     picHE()
    
     updataCart(pid, $(this).parent().children(".Quantity").val());
   
})

// 删除
$(".delete").click(function(){
    console.log($(this).parent().attr("data-id"));
    deleteCart($(this).parent().attr("data-id"));
    $(this).parent().remove();
    Num();
    chAll();
    
})


// 选择删除
$("#Dele").click(function(){
    Deleget();
    Num();
    chAll();
})


}

// $(".checkboxAll").checked(true);
// $(".checkboxAll").prop("checked",true)
// $("input[type='checkbox']").prop("checked",true);
$(function(){
   
    
// $(".checkboxAll").prop("checked",true);
// console.log($(".checkboxAll").prop("checked"));

})

// 更新选中件数
function Yixuan(data){
    $(".yixuan").children(0).text(data)
}


// 更新总价
function picHE(){
    let Pic=0;
    let cheLeng= $(".checkbox:checked").parent().children(".Price").children(0).length;
    for(i=0;i<cheLeng;i++){
       Pic+= $(".checkbox:checked").parent().children(".Price").children(0).eq(i).text()-0
    }
    $("#J_SmallTotal").text(Pic);
    $(".heji").children(0).text(Pic.toFixed(2));
}


// 更新单独总价价
function Pricec(index){
    let pic=index.children(".price").children(0).text();
    let num=index.children(".quantity").children(".Quantity").val();
    index.children(".Price").children(0).text((pic*num).toFixed(2))
}


// 选择删除
function Deleget(){
    let cheLeng= $(".checkbox:checked").parent().children(".Price").children(0).length;
    for(i=0;i<cheLeng;i++){
        // $(".checkbox:checked").parent().eq(i).attr("data-id")
        // console.log($(".checkbox:checked").parent().eq(i).attr("data-id"));
        deleteCart($(".checkbox:checked").parent().eq(i).attr("data-id"));      
    }
    
    $(".checkbox:checked").parent().remove();
    chAll();
    picHE();
   
}

// 更新全部商品
function Num(){
    $(".number").text($(".Pmoban").length)
}

// 判断是否全选
function chAll(){   
    if($(".checkbox:checked").length==$(".checkbox").length&&$(".checkbox:checked").length!=0){
        $(".checkboxALL").prop("checked",true);
        $(".checkboxAll").prop("checked",true);
        Yixuan($(".checkbox:checked").length)

    } 
    // if($(".checkbox:checked").length==0){
    //     $(".checkboxALL").prop("checked",false);
    //     $(".checkboxAll").prop("checked",false);
    //     Yixuan($(".checkbox:checked").length)
    // }
    else{
        $(".checkboxALL").prop("checked",false);
        $(".checkboxAll").prop("checked",false);
        Yixuan($(".checkbox:checked").length)
    }
}


//更新购物车
function SHget(pid,num){
    updataCart(pid, num);
}